<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/plantilla.xhtml">
	<ui:define name="body">
		<h:form id="formPrincipal">
			<p:panel style="width:100%">
				<h:panelGrid columns="5">
					<h:outputText value="CIUDAD: " />
					<p:selectOneMenu>
						<f:selectItem itemLabel="SANTA FE" />
						<f:selectItem itemLabel="BUENOS AIRES" />
						<f:selectItem itemLabel="CORDOBA" />
					</p:selectOneMenu>
					<p:spacer />
					<p:spacer />
					<p:spacer />
					<h:outputText value="Calle: " />
					<p:inputText />
					<h:outputText value="N°: " />
					<p:inputText />
					<p:commandButton value="Buscar" icon="ui-icon-search"
						actionListener="#{bbRegistrarPedido.btnMostrarListadoPedidos}"
						update=":formPrincipal" />
				</h:panelGrid>
			</p:panel>
			<p:panel style="width:100%">
				<h:panelGrid columns="2">
					<h:outputText value="COMERCIO: " />
					<h:inputText value="BETOS" styleClass="textBold" />
				</h:panelGrid>
				<p:accordionPanel multiple="true">
					<p:tab title="LOMOS">

					</p:tab>
					<p:tab title="PIZZAS">
						<p:dataTable value="#{bbRegistrarPedido.listaPizzas}" var="item">
							<p:column headerText="Descripcion">
								<h:outputText value="#{item.descripcion}" />
							</p:column>
							<p:column headerText="Precio">
								<h:outputText value="#{item.precio}" />
							</p:column>
							<p:column headerText="Seleccionar">
								<p:selectBooleanCheckbox />
							</p:column>
						</p:dataTable>
					</p:tab>
					<p:tab title="BEBIDAS">
						<p:dataTable value="#{bbRegistrarPedido.listaBebidas}" var="item">
							<p:column headerText="Descripcion">
								<h:outputText value="#{item.descripcion}" />
							</p:column>
							<p:column headerText="Precio">
								<h:outputText value="#{item.precio}" />
							</p:column>
							<p:column headerText="Seleccionar">
								<p:selectBooleanCheckbox />
							</p:column>
						</p:dataTable>
					</p:tab>
					<p:tab title="POSTRES">
					</p:tab>
				</p:accordionPanel>
				<p:panel>
					<h:panelGrid columns="2">
						<h:outputText value="PRECIO TOTAL: $53,00" />
					</h:panelGrid>
				</p:panel>
			</p:panel>
			<p:panel>
				<h:panelGrid columns="1">
					<p:commandButton value="GUARDAR PEDIDO" icon="ui-icon-disk" />
				</h:panelGrid>
			</p:panel>


			<p:dialog appendToBody="true" closable="false" dynamic="true"
				modal="true" header="Buscar Comercio"
				visible="#{bbRegistrarPedido.mostrarListadoPedidos}">
				<p:panel style="width:100px">
						<h:panelGrid columns="3">
							<h:outputText value="NOMBRE COMERCIO: " />
							<p:inputText />
							<p:commandButton value="buscar" icon="ui-icon-search" />
						</h:panelGrid>
						<p:panel>
							<p:dataTable value="#{bbRegistrarPedido.listaEmpresas}"
								var="item" selectionMode="single">
								<p:column headerText="RAZON SOCIAL">
									<h:outputText value="#{item.descripcion}" />
								</p:column>
								<p:column headerText="DISTANCIA">
									<h:outputText value="#{item.precio}" />
								</p:column>
							</p:dataTable>
						</p:panel>
				</p:panel>
			</p:dialog>
		</h:form>
	</ui:define>
</ui:composition>
</html>